/*
Theme Name: Offerchat Knowledgebase
Theme URI: http://offerchat.com/
Description: Offerchat Knowledgebase
Author: Rein Figuracion
Author URI: http://offerchat.com/
Version: 1
*/

/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.hidden{display:none;visibility:hidden}
.visible-phone{display:none!important}
.visible-tablet{display:none!important}
.hidden-desktop{display:none!important}
.visible-desktop{display:inherit!important}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.hidden-desktop{display:inherit!important}
.visible-desktop{display:none!important}
.visible-tablet{display:inherit!important}
.hidden-tablet{display:none!important}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.hidden-desktop{display:inherit!important}
.visible-desktop{display:none!important}
.visible-phone{display:inherit!important}
.hidden-phone{display:none!important}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.hidden{display:none;visibility:hidden}
.visible-phone{display:none!important}
.visible-tablet{display:none!important}
.hidden-desktop{display:none!important}
.visible-desktop{display:inherit!important}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.hidden{display:none;visibility:hidden}
.visible-phone{display:none!important}
.visible-tablet{display:none!important}
.hidden-desktop{display:none!important}
.visible-desktop{display:inherit!important}
}


.blackbg{background:#2e3133; padding: 3px 0; }
.blackbg h1{font-size: 22.5px; line-height:normal; font-weight:600;}
.blackbg h1 a{color: #fff; }
.custom-kbase h2{color: #1a5fa6; font-size: 20px; font-weight:600;}
.custom-kbase h2{margin-bottom: 20px !important;color: #1a5fa6; font-size: 30px; font-weight: 400;}
.custom-kbase h2.inner{padding-bottom: 10px; margin: 0 !important; line-height:45px;}

.lead{margin-bottom:20px;font-size:14px;font-weight:400}
.lead p{margin-bottom: 15px;}

.kb-catList .grid-4{margin-bottom: 25px;}
.kb-catList h3{font-size: 14px; text-transform:uppercase; font-weight:900; line-height:28px;}
.kb-catList h3 a{color: #656565;  transition: all 0.3s ease-out;}
.kb-catList h3 a:hover{color: #000;}
h3.question{line-height:28px; margin: 10px 0 3px 0 !important; font-weight:600;}
h3.question a{color: #656565;}
h3.question a:hover{color: #000;}
.kb-catList ul{min-height: 160px; overflow: hidden;}
.kb-catList ul li{margin-bottom: 6px;}
.kb-catList ul li a{color: #585858; font-weight: 400;}
.kb-catList ul li a.btn{color: #fff !important;}
.kb-catList ul li a:hover:not(.btn){/*border-bottom: 1px solid #b7b7b7;*/ color: #333;}
ul.unstyled,ol.unstyled{margin-left:0;list-style:none; margin-bottom: 0;}
ul.unstyled li{margin-left: 0;}
ul.breadcrumb{margin-bottom: 30px;}
.breadcrumb li{display:inline-block; *display:inline; *zoom:1; font-size:14px;}
.breadcrumb li a{color:#585858}
.breadcrumb li:after{content: '\00BB'; padding: 0 3px;}
.breadcrumb li:last-child:after{content: '';}
.breadcrumb li:last-child a, .breadcrumb li:last-child{font-weight:600;}
.searchresults.breadcrumb li:after{content: ' '; padding: 0 3px;}

.sidebar-nav h3{text-transform: uppercase;font-weight:700; line-height: normal; margin: 0 0 10px 0!important; font-size: 15px;}
.sidebar-nav ul{font-size: 14px; margin-left: 10px;}
.sidebar-nav ul li{line-height:2em;}
.sidebar-nav ul li a{color: #585858;}
.sidebar-nav ul li a:hover{color: #000;}
.sidebar-nav ul li a.active{font-weight: 700;}

.custom-kbase p{font-size: 14px; line-height: 1.8em; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.meta {color: #b7b7b7; margin-bottom: 10px}

.next-posts{float: left;}
.prev-posts{float: right;}

.star-rating{padding: 20px 0;height: 20px;}
.post-ratings-text{font-size:12px; padding: 5px 0; font-style:italic;}
.post.type-post{padding: 0 0 20px 0;}